<div [class]="'chart-wrapper '+(showborder?'border':'')">
  <div *ngIf="showheader" class="header flex justify-between align-center" [ngStyle]="{height: headerHeight + 'px'}">
    <div class="title">{{title}}</div>
    <div class="btns">
      <a *ngIf="perspective.length>1&&selectedpp>0" class="a-btn margin-left" title="上转" (click)="up()">上<i nz-icon nzType="arrow-up" nzTheme="outline"></i></a>
      <a *ngIf="perspective.length>1&&selectedpp<perspective.length-1" title="下探" class="a-btn margin-left" (click)="down()">下<i nz-icon nzType="arrow-down" nzTheme="outline"></i></a >
      <!-- <button nz-button>时间选择</button>
      <button nz-button>条件筛选</button>
      <a title="还原" class="a-btn margin-left">还<i nz-icon nzType="rollback" nzTheme="outline"></i></a>
      <a title="筛选" class="a-btn margin-left" (click)="visible=true">筛<i nz-icon nzType="rollback" nzTheme="outline"></i></a>
      <button nz-button>还原</button> -->
      <ng-content select="[name=btn]"></ng-content>
     
    </div>
  </div>
  <div class="content" [ngStyle]="{'height': (height - (showheader? headerHeight: 0) - (showfooter? footerHeight: 0) + 'px')}">
    <ng-container #content></ng-container>
    <!-- <lb-basic-chart *ngIf="chartids !== undefined && chartids.length> 0" name="content" [lbChartId]="chartids[0]" [querypara]="querypara" [height]="300" [outercols]="cols"></lb-basic-chart> -->
    <!-- <ng-content select="[name=content]"></ng-content> -->
  </div>
  <div *ngIf="showfooter" class="footer" [ngStyle]="{height: (footerHeight? footerHeight: 0) + 'px'}">
    <ng-content select="[name=footer]"></ng-content>
  </div>
  <nz-drawer
      [nzClosable]="false"
      [nzVisible]="visible"
      nzPlacement="right"
      nzTitle="Basic Drawer"
      (nzOnClose)="close()"
    >
    <!-- <nz-date-picker *ngIf="showtimepicker" nzShowTime nzFormat="yyyy-MM-dd HH:mm:ss" nzPlaceHolder="选择时间" [(ngModel)]="date"
    (ngModelChange)="onChange($event)" (nzOnOk)="onOk($event)"></nz-date-picker>

  <nz-range-picker *ngIf="showtimepicker" nzShowTime nzFormat="yyyy-MM-dd HH:mm:ss" nzPlaceHolder="选择时间" ngModel
    (ngModelChange)="onChange($event)" (nzOnOk)="onOk($event)"> </nz-range-picker>

  <nz-month-picker *ngIf="showtimepicker" nzShowTime nzFormat="yyyy-MM-dd HH:mm:ss" nzPlaceHolder="选择时间" ngModel
    (ngModelChange)="onChange($event)" (nzOnOk)="onOk($event)"></nz-month-picker>

  <nz-week-picker *ngIf="showtimepicker" nzShowTime nzFormat="yyyy-MM-dd HH:mm:ss" nzPlaceHolder="选择时间" ngModel
    (ngModelChange)="onChange($event)" (nzOnOk)="onOk($event)"></nz-week-picker> -->
    </nz-drawer>
</div>
